<div class="c-hero">
    <div class="c-hero__inner l-container">
        <div class="c-hero__body">
            <h1 data-text="Create atomic design systems with Pattern Lab" class="c-hero__title">Create atomic design systems with Pattern Lab</h1>

            <p class="c-hero__description">
                Pattern Lab is a frontend workshop environment that helps you build, view, test, and showcase your design system's UI components.
            </p>

            <p class="c-hero__instructions">
                Run the following command in your terminal and <a href="/docs/installing-pattern-lab/">read the installation guide</a> to get started:
            </p>
            <pre class="c-hero__code"><code>npm create pattern-lab</code></pre>
        </div>
    </div>
</div>